*{
	margin: 0;
	padding: 0;
}
.head{
	width: 100%;
	height: 300px;
	background-color:#111213 ;
}
.daohang{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.daohangson{
	width: 400px;
	height: 70px;
	display: flex;
}
.liebiao1{
	list-style: none;
	display: flex;
	align-items: center;
	margin-left: 75px;
	font-size: 16px;
	font-weight: 500;
}
.liebiao1 li{
	margin-right: 25px;
}
a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	color: floralwhite;
}
.logo{
	height: 130px;
	display: flex;
	justify-content: center;
}
.dushulogo{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dushulogo img{
	width: 160px;
	height: 36px;
}
.sousuo{
	width: 100%;
}
.sousuoson{
	width: 696px;
	margin: auto;
}
.sousuokuang{
	width: 580px;
	height: 52px;
	border-radius: 26px;
	font-size: 16px;
	color: #eef0f4;
	margin-left:40px;
	padding-left: 50px;
	background: rgba(238,240,244,.1);
	border: 0;
}
.inputleft{
	position: relative;
	top: 5px;
	left: 80px;
	width: 20px;
	height: 20px;
	background-size: 100%;
}
.inputright{
	position: relative;
	left: 652px;
	top: -41px;
	width: 32px;
	height: 32px;
	background-size: 100%;
}








.big {
	display: grid;
	grid-template-columns: 10% 80% 10%;
	background-color: black;
}

.small1 {

	height: 500px;
}

.small2 {

	display: grid;
	grid-template-columns: 1fr 1fr;
}

.books1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 2fr repeat(3, 3fr) 1fr;
}
.top1{
	height: 60px;
	float: left;
}
.top2{
	float: right;
	height: 60px;
}
.books2 {

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 2fr repeat(3, 3fr) 1fr;
}

.book {
	display: grid;
	grid-template-columns: 2fr 1fr 6fr;
	align-items: center;
}

.book-pic img {
	width: 64px;
	height: 92px;
}

body {
	font-size: 15px;
	color: white;
}